<template>
  <!-- 轮播图区域 -->
  <mt-swipe :auto="3000">
    <!-- 在组件中，使用v-for循环的话，一定要使用 key -->
    <mt-swipe-item v-for="item in lunbotu" :key="item.img">
      <img :src="item[imgname]" alt="" :class ="[isfull?'img-full':'img-normal']">
    </mt-swipe-item>
  </mt-swipe>
</template>
<script>
export default {
  data() {
    return {
      property: "value"
    };
  },
  methods: {
    methodName() {}
  },
  props:["lunbotu","imgname" ,"isfull"]
};
</script>
<style lang="scss">
.mint-swipe {
  height: 200px;

  .mint-swipe-item {
      text-align: center;
    &:nth-child(1) {
      background-color: red;
    }
    &:nth-child(2) {
      background-color: blue;
    }
    &:nth-child(3) {
      background-color: cyan;
    }

    .img-full {
      width: 100%;
      height: 100%;
    }
    .img-normal {
      height: 100%;
    }
  }
}
</style>